<div class="ibox float-e-margins">
    <div class="ibox-content">
        <div>
            <div class="row">
                <div class="col-sm-12 m-b-xs">
                    <div>
                        <span>总目标进度：</span>
                        <div v-if="agentSumFind != ''" class="stat-percent">{{ 1 | _totalTargetFormatMoney}} / {{ 2 | _totalTargetFormatMoney }} = {{ 0 | _getProportion}}%</div>
                        <div class="progress progress-mini">
                            <div v-if="agentSumFind != ''" :style="0 | _getTargetProportion" class="progress-bar progress-bar-danger"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-12 m-b-xs">
                    <div>
                        <span>床垫目标进度：</span>
                        <div v-if="agentSumFind != ''" class="stat-percent">{{agentSumFind.target1_sum | _formatMoney}} / {{agentSumFind.target1_value | _formatMoney }} = {{ 1 | _getProportion}}%</div>
                        <div class="progress progress-mini">
                            <div v-if="agentSumFind != ''" :style="1 | _getTargetProportion" class=" progress-bar progress-bar-warning"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-12 m-b-xs">
                    <div>
                        <span>床具目标进度：</span>
                        <div v-if="agentSumFind != ''" class="stat-percent">{{agentSumFind.target2_sum | _formatMoney}} / {{agentSumFind.target2_value | _formatMoney}} = {{ 2 | _getProportion}}%</div>
                        <div class="progress progress-mini">
                            <div v-if="agentSumFind != ''" :style="2 | _getTargetProportion" class="progress-bar progress-bar-success"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-12 m-b-xs">
                    <div>
                        <span>当前床品目标进度：</span>
                        <div v-if="agentSumFind != ''" class="stat-percent">{{agentSumFind.target3_sum | _formatMoney}} / {{agentSumFind.target3_value | _formatMoney}} = {{ 3 | _getProportion}}%</div>
                        <div class="progress progress-mini">
                            <div v-if="agentSumFind != ''" :style="3 | _getTargetProportion" class="progress-bar"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div style="height: 15px;"></div>
        <div class="row">
            <div class="col-sm-3 m-b-xs">
                <a href="javascript:void(0)" @click="onBackOff" class="btn btn-lg btn-white">返回</a>
                <a href="javascript:void(0)" @click="onRefresh" class="btn btn-lg btn-success">刷新</a>
            </div>
            <div class="col-sm-9 m-b-xs">
            </div>
        </div>
        <div style="height: 15px;"></div>
        <div v-if="orderList.length > 0" class="table-responsive">
            <table class="table table-bordered">
                <thead>
                <tr>
                    <th>系统单号</th>
                    <th>店智单号</th>
                    <th>经销商编码</th>
                    <th>下单方式</th>
                    <th>下单时间</th>
                    <th>订单金额</th>
                    <th>订单状态</th>
                </tr>
                </thead>
                <tbody>
                <tr v-for="(info, index) in orderList"  :class="index | _getRowsColor">
                    <td>{{info.fOrdNo}}</td>
                    <td>{{info.fCOrdNo}}</td>
                    <td>{{info.fCCode}}</td>
                    <td>{{info.fOriType | _orderType}}</td>
                    <td>{{info.fOrdRdate | _formatDate}}</td>
                    <td>{{info.fOCryAmtAfDis | _formatMoney}}</td>
                    <td>{{info | _orderState}}</td>
                </tr>
                </tbody>
            </table>
        </div>

    </div>
</div>